﻿@{
    ViewBag.Title = "Playlist";
}

 <div data-role="header" class="ui-header ui-bar-a" role="banner">
    <h1 class="ui-title" role="heading" aria-level="1" style="color:Red"> <-NEXTRACK-> </h1>
        <div data-role="navbar" class="ui-navbar ui-mini" role="navigation">
                <ul>
                    <li>@Html.ActionLink("Playlist", "Playlist", "GuestUI")</li>
                    <li>@Html.ActionLink("Add Tune", "AddSong", "GuestUI")</li>
                    <li>@Html.ActionLink("Leave Party", "Index", "Home")</li>
                </ul>
         </div>
 </div>
        <section id="main"> 
            <div data-role="content">
            <h2> NEED CURRENT SONG WIDGET </h2>
               @* <div data-role="header" data-position="fixed" data-theme="c">Now Playing</div>
                    <div data-role="footer" data-position="fixed" data-theme="c"> Upcoming Songs </div>
                 <ul data-role="listview"  data-split-icon="arrow-u" class="ui-listview">*@
                      @foreach(var qd in ViewData.ToList())
                      {
                          if (ViewBag.Value == 0) { break; }
                          Mobile.MainService.QueueData q =(Mobile.MainService.QueueData)qd.Value;
                        <li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-thumb ui-btn-hover-c ui-btn-up-c">
                        <div class="ui-btn-inner ui-li">
                        <div class="ui-btn-text">
                        <a href="" class="ui-link-inherit">
				                <img src="../../Content/images/album-p.jpg" class="ui-li-thumb" />
				                <h3 class="ui-li-heading">@q.Song.Title</h3>
				                <p class="ui-li-desc">@q.Song.Artist</p>
			                </a>
                            </div>
                            <span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
                            </div>
                            </li>
                           
                          ViewBag.Value--;
                      }
                    
            </ul>
           </div>
        </section>